dl-breadcrumbs__homedl-breadcrumb-item__separatorConfiguración y programacióndl-breadcrumb-item__separatorProgramación con CODESYSdl-breadcrumb-item__separator...dl-breadcrumb-item__separatorCODESYS Visualizationdl-breadcrumb-item__separatorDesarrollo de un control HTML5 dl-breadcrumb-item__separatorProcedimiento básico
dl-pagination__prev-inactivedl-pagination__prev-activedl-pagination__next-inactivedl-pagination__next-active
Procedimiento básico dl-permalink__symbolPermalink

Puede vincular un control HTML5 en el entorno de desarrollo CODESYS.

Preparación

  1. Crear un archivo JavaScript wrapper ‎ElementWrapper.js‎ para el control.

  2. Especifique los archivos necesarios para ejecutar el elemento, como archivos de estilo (CSS), archivos JavaScript (JS) o archivos de imagen (SVG).

  3. Crear una imagen de elemento ‎ElementImage.svg‎ que se muestra en la caja de herramientas.

Integración en el sistema de programación

  1. En CODESYS, cree un archivo XML (‎.html5control.xml‎) con información general.

  2. Cree la asignación de las propiedades del control HTML5 a las propiedades del elemento de visualización CODESYS.

  3. Localizar los textos de la interfaz.

  4. Instala el elemento.

  5. Firma el elemento.